<!--
 * @description: 
 * @Author: Islands
 * @Date: 2024-06-17 10:28:10
 * @LastEditTime: 2024-06-21 23:01:47
-->
<script lang="ts" setup>
import { ref } from "vue";
import type { TabsPaneContext } from "element-plus";
import { PwdLogin, CodeLogin } from "./modules";
import { Third } from "@/components/Third";
import { DarkButton, I18nButton } from "@/layouts/Widgets";
import { LoginWay } from "@/enums/index";
const activeName = ref(LoginWay.Pwd);
const handleClick = (_pane: TabsPaneContext, _ev: Event) => {
  //执行清空表单验证
};
</script>
<template>
  <el-tabs v-model="activeName" @tab-click="handleClick">
    <el-tab-pane :label="$t(`title.pwdLogin`)" :name="LoginWay.Pwd">
      <PwdLogin />
    </el-tab-pane>
    <el-tab-pane :label="$t(`title.codeLogin`)" :name="LoginWay.Code">
      <CodeLogin />
    </el-tab-pane>
  </el-tabs>
  <Third />
  <div class="i18n between-space-justify">
    <DarkButton />
    <el-divider direction="vertical" />
    <I18nButton />
  </div>
</template>
<style lang="scss" scoped>
.i18n {
  position: absolute;
  right: 8%;
  top: 5%;
}
</style>
